import React, { FC, memo } from "react"
import CompPerf from "./c-cpns/FirstPerf"
// import PagePerf from "./c-cpns/PagePerf"
import { Col, Row, Space } from "antd"
import { useTitle } from "ahooks"
import DataTable from "@/views/PerformanceTracking/c-cpns/DataTable"

const PerformanceTracking: FC = () => {
    // 修改标题（使用第三方hook）
    useTitle("web-monitor - 性能监控")

    return (
        <>
            <Space direction="vertical" size="middle" style={{ width: "100%" }}>
                <Row style={{ width: "100%" }}>
                    <Col span={24}>
                        <CompPerf />
                    </Col>
                </Row>
                <Row style={{ width: "100%" }}>
                    <Col span={24}>
                        {/* <PagePerf /> */}
                        <DataTable />
                    </Col>
                </Row>
            </Space>
        </>
    )
}
export default memo(PerformanceTracking)
